<template>
	<view class="network">
		<image src="../../static/images/network.png" mode="aspectFit" class="network-image"></image>
		<view class="network-label">暂无网络</view>
		<view class="network-tip">暂时没有网络请检查网络连接</view>
	</view>
</template>

<script>
	export default {
		name:"uni-network",
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>

	.network{
	  position: fixed;
	  right: 0;
	  top:0;
	  left:0;
	  bottom:0;
	  z-index: 100;
	  box-sizing: border-box;
	  padding-top:200rpx;
	  background-color: #FFFFFF;
	}
	.network-image{
		display: block;
		width: 620rpx;
		height: 542rpx;
		margin:0 auto;
	}
	.network-label{
		margin-top:52rpx;
		line-height: 60rpx;
		color: #2C2C2C;
		font-size:44rpx;
		text-align: center;
	}
	.network-tip{
		color:#2C2C2C;
		opacity: 0.41;
		text-align: center;
		font-size: 28rpx;
		margin-top:24rpx;
		line-height: 40rpx;
	}
</style>